<template>
  <div class="bottm_bar">
    <el-steps :active="3" finish-status="success" simple style="margin-top: 20px">
      <el-step title="预约维修服务" ></el-step>
      <el-step title="7天无理由退货" ></el-step>
      <el-step title="15天免费换货" ></el-step>
      <el-step title="满69包邮" ></el-step>
      <el-step title="520余家售后网点" ></el-step>
    </el-steps>

    <div class="bottom">
      <a href="#" rel="nofollow">关于我们</a>|<a href="#" rel="nofollow">广告服务</a>|<a href="#" rel="nofollow">联系我们</a>|<a href="#" rel="nofollow">法律声明</a>|<a href="#" rel="nofollow">网站地图</a>|<a target="_blank" href="#">版权声明</a>|<a href="#" rel="nofollow">帮助中心</a><br />
      小米官网 版权所有　© 2005-2020　京ICP备23122121号
    </div>
  </div>
</template>

<script>
  export default {
    name: "BottomBar"
  }
</script>

<style scoped>
  .bottom{clear:both;margin:10px auto;text-align:center;padding:10px 0;line-height:25px;color:#666;border-top:#ddd 1px solid;}
  .bottom a{margin:0 7px;color:#666;}
  .bottom a:hover{color:#000;text-decoration:underline;}
</style>
